$(function () {
  var pageNo = 1
  var pageSize = 10 // 每页图片数
  imgShow(pageNo)
  $(window).scroll(function () {
    // 滚动条与顶部的高度
    var scrollTop = Math.ceil($(this).scrollTop())
    // 可视窗口高度
    var curH = $(this).height()
    // 需要展示页面总高度
    var totalH = $(document).height()
    // 滚动条触底
    if (scrollTop + curH >= totalH)
      imgShow(pageNo++)
  })


  function imgShow(pageNo) {
    $.ajax({
      type: 'get',
      url: 'http://127.0.0.1:3333/home/page/' + pageNo + '/' + pageSize,      // 使用node创建本地服务
      dataType: 'json',
      success: function (res) {
        $.each(res, function (index, item) {
          $('dom元素').append('拼接内容')
        })
        // 第三方插件实现懒加载  利用HTML5的 data-xxx 存储图片url 
        $('图片dom').lazyload()
      },
      error: function (err) {
        console.log(err)
      }
    })
  }
})
